<!DOCTYPE html>

<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->
<html xmlns:th="http://www.springframework.org/schema/jdbc"><!--<![endif]-->
<head>
    <title>支付 - 买票票 - 一网打尽好电影</title>

    <link rel="dns-prefetch" href="//p0.meituan.net">
    <link rel="dns-prefetch" href="//p1.meituan.net">
    <link rel="dns-prefetch" href="//ms0.meituan.net">
    <link rel="dns-prefetch" href="//s0.meituan.net">
    <link rel="dns-prefetch" href="//ms1.meituan.net">
    <link rel="dns-prefetch" href="//analytics.meituan.com">
    <link rel="dns-prefetch" href="//report.meituan.com">
    <link rel="dns-prefetch" href="//frep.meituan.com">

    <meta charset="utf-8">
    <meta name="keywords" content>
    <meta name="description" content>
    <meta http-equiv="cleartype" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">

    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script>
        "use strict";
        !(function () {
            var i =
                    0 < arguments.length && void 0 !== arguments[0]
                        ? arguments[0]
                        : "_Owl_",
                n = window;
            n[i] ||
            ((n[i] = {
                isRunning: !1,
                isReady: !1,
                preTasks: [],
                dataSet: [],
                use: function (i, t) {
                    this.isReady && n.Owl && n.Owl[i](t),
                        this.preTasks.push({ api: i, data: [t] });
                },
                add: function (i) {
                    this.dataSet.push(i);
                },
                run: function () {
                    var t = this;
                    if (!this.isRunning) {
                        this.isRunning = !0;
                        var i = n.onerror;
                        (n.onerror = function () {
                            this.isReady ||
                            this.add({ type: "jsError", data: arguments }),
                            i && i.apply(n, arguments);
                        }.bind(this)),
                            (n.addEventListener || n.attachEvent)(
                                "error",
                                function (i) {
                                    t.isReady || t.add({ type: "resError", data: [i] });
                                },
                                !0
                            );
                    }
                },
            }),
                n[i].run());
        })();
    </script>
    <script>
        cid = "c_wmvmtivj";
        ci = 42;
        window.system = {
            user: {
                id: 672062903,
                token:
                    "ILEtCkqt4vBsbY5ecTpEadSDeboAAAAAjA0AACPDJD0Eg6GvM-TYgNoqS5_pPM-YA0546wHO8xDLURmMzi5wa7vXAY3JbX82GYXIlg",
                username: "起名想一天。",
                profile: {
                    age: "25",
                    authInfo: "",
                    avatarType: 203,
                    avatarurl:
                        "https://img.meituan.net/maoyanuser/23f19f4cdfe538bdf85f0ccd863346639437.png",
                    birthday: -2240553957000,
                    certificateIcon: "",
                    certificateName: "",
                    certificateRedirectUrl: "",
                    city: null,
                    currentExp: 200,
                    gender: 0,
                    id: 672062903,
                    interest: "",
                    juryLevel: 0,
                    maoyanAge: "4.5",
                    marriage: "",
                    mobile: "e46cedbb94cbbe5478bfb6738c0dfce8",
                    nextTitle: "",
                    nickName: "起名想一天。",
                    nickNameStatus: 0,
                    occupation: "",
                    registerTime: 1477198765000,
                    roleInfo: "",
                    roleType: 0,
                    signature: "",
                    signatureStatus: 0,
                    ticketCount: 4,
                    title: "Lv2 会员",
                    tmpNickName: "",
                    tmpSignature: "",
                    topicCount: 0,
                    totalExp: 850,
                    uid: 1286340335,
                    userLevel: 2,
                    userNextLevel: 3,
                    username: "起名想一天。",
                    vipInfo: "",
                    vipType: 0,
                    visitorCount: 0,
                },
            },
            uid: 672062903,
            cinemaId: 16325,
            mobilePhone: "13313479223",
            orderId: "22454523912",
        };

        window.openPlatform = "";
        window.openPlatformSub = "";
        window.$mtsiFlag = "0";
        window.NODE_ENV = "production";
    </script>
    <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.6b1d782c.css">
    <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/order-confirm.598bbaa8.css">
    <script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/stat.88d57c80.js"></script>
    <script>
        if (window.devicePixelRatio >= 2) {
            document.write(
                '<link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>'
            );
        }
    </script>
    <style>
        @font-face {
            font-family: stonefont;
            src: url("//vfile.meituan.net/colorstone/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot");
            src: url("//vfile.meituan.net/colorstone/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot?#iefix")
            format("embedded-opentype"),
            url("//vfile.meituan.net/colorstone/f0a30a4dda64b4f8f344858115f54fc92296.woff")
            format("woff");}
    </style>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?703e94591e87be68cc8da0da7cbd0be2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="header">
    <div class="header-inner">
        <a href="//maoyan.com" class="logo" data-act="icon-click">猫眼电影</a>
        <div class="city-container" data-val="{currentcityid:42 }">
            <div class="city-selected">
                <div class="city-name">
                    西安
                    <span class="caret"></span>
                </div>
            </div>
            <div class="city-list" data-val="{ localcityid: 42 }">
                <div class="city-list-header">
                    定位城市：<a class="js-geo-city" data-ci="42">西安</a>
                </div>
                <div class="city-list-header">
                    <span class="recent-city-title">近期定位：</span>
                    <div class="recent-city-list">
                        <a class="js-recent-city" data-ci="42" data-val="{choosecityid: 42 }" data-act="cityChange-click">西安</a>
                        <a class="js-recent-city" data-ci="490" data-val="{choosecityid: 490 }" data-act="cityChange-click">安吉</a>
                        <a class="js-recent-city" data-ci="1126" data-val="{choosecityid: 1126 }" data-act="cityChange-click">阿勒泰市</a>
                        <a class="js-recent-city" data-ci="150" data-val="{choosecityid: 150 }" data-act="cityChange-click">阿拉善盟</a>
                        <a class="js-recent-city" data-ci="151" data-val="{choosecityid: 151 }" data-act="cityChange-click">鞍山</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="nav">
            <ul class="navbar">
                <li><a href="/movie/homepage" data-act="home-click">首页</a></li>
                <li><a href="../movie/movieAll?status=1" data-act="movies-click">电影</a></li>
                <li><a href="../movie/cinemaAll" data-act="cinemas-click" class="active">影院</a></li>
                <li><a href="/list" data-act="board-click">榜单</a></li>
            </ul>
        </div>
        <div class="user-info">
            <div class="user-avatar J-login">
                <img src="images/7dd82a16316ab32c8359debdb04396ef2897.png">
                <span class="caret"></span>
                <ul class="user-menu no-login-menu" id="myMessage">
                    <li><a href="../page/login" >登录</a></li>
                </ul>
            </div>
        </div>

        <form action="/query" target="_blank" class="search-form" data-actform="search-click">
            <input name="kw" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院" autocomplete="off">
            <input class="submit" type="submit" value>
        </form>

        <div class="app-download">
            <a href="/app" target="_blank">
                <span class="iphone-icon"></span>
                <span class="apptext">APP下载</span>
                <span class="caret"></span>
                <div class="download-icon">
                    <p class="down-title">扫码下载APP</p>
                    <p class="down-content">选座更优惠</p>
                </div>
            </a>
        </div>
    </div>
</div>
<div class="header-placeholder"></div>

<div class="container" id="app">
    <div class="order-progress-bar">
        <div class="step first done">
            <span class="step-num">1</span>
            <div class="bar"></div>
            <span class="step-text">选择影片场次</span>
        </div>
        <div class="step done">
            <span class="step-num">2</span>
            <div class="bar"></div>
            <span class="step-text">选择座位</span>
        </div>
        <div class="step done">
            <span class="step-num">3</span>
            <div class="bar"></div>
            <span class="step-text">5分钟内付款</span>
        </div>
        <div class="step last">
            <span class="step-num">4</span>
            <div class="bar"></div>
            <span class="step-text">影院取票观影</span>
        </div>
    </div>

    <div class="count-down-wrapper">
        <div class="count-down" id="ds" data-payleftseconds="300">
            <p class="time-left">
                请在
                <span class="minute">5</span>
                分钟
                <span class="second">01</span>秒内完成支付
            </p>
            <p class="tip">
                超时订单会自动取消，如遇支付问题，请致买票票客服：1564403496
            </p>
        </div>
    </div>

    <p class="warning">
        请仔细核对场次信息，出票后将<span class="attention">无法退票和改签</span>
    </p>

    <table class="order-table">
        <thead>
        <tr>
            <th>影片</th>
            <th>时间</th>
            <th>影院</th>
            <th>座位</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="movie-name" th:text = "${order.movieName}"></td>
            <td class="showtime" >
                今天&nbsp;<span  th:text = "${order.dateSys}"></span>
                <div class="seats">
                    <div>
                        <span class th:text = "${order.movieDate}"></span>
                    </div>
                    <div></div>
                </div>
            </td>
            <td class="cinema-name" th:text = "${order.cinemaName}"></td>
            <td>
                <span class="hall" th:text = "${order.hallName}">4号激光厅</span>
                <div class="seats">
                    <div>
                        <span class th:text = "${order.seats}"></span>
                    </div>
                    <div></div>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="order-bottom">
        <div class="clearfix">
            <div class="cinema-info">
               影院名称： <b class="name" th:text = "${order.cinemaName}"></b><br>
               详情地址： <b class="address" th:text = "${order.cinemaSite}"></b><br>
               联系电话： <b class="phone" th:text = "${order.cinemaPhone}"></b>
            </div>
        </div>
        <div class="right">
            <div class="price-wrapper">
                <span>实际支付 :</span>
                <span class="price" th:text = "${order.orderPrice}"></span>
            </div>
            <div>
                <div onclick="payOrder()" class="pay-btn" data-order-id="22454523912" data-act="pay-click" data-bid="b_u30afks6">
                    确认支付
                </div>
            </div>
        </div>
    </div>
</div>


    <form name="cashierForm" method="post" action="https://mpay.meituan.com/cashier/pc/index">
        <input type="hidden" name="token" value>
        <input type="hidden" name="tradeno" value>
        <input type="hidden" name="pay_token" value>
        <input type="hidden" name="website" value="mtmaoyan">
        <input type="hidden" name="pay_success_url" value="http://www.maoyan.com/order/result/22454523912">
        <input type="hidden" name="nb_platform" value="www">
        <input type="hidden" name="nb_source" value="cashier-pcforcustomer">
    </form>

    <div class="modal-container" style="display: none">
        <div class="modal">
            <span class="icon"></span>

            <p class="tip">支付超时，该订单已失效，请重新购买</p>

            <div class="ok-btn btn">我知道了</div>
        </div>
    </div>
</div>

<div class="footer">
    <p class="friendly-links">
        关于买票票 :
        <a href="http://ir.maoyan.com/s/index.php#pageScroll0" target="_blank">关于我们</a>
        <span></span>
        <a href="http://ir.maoyan.com/s/index.php#pageScroll1" target="_blank">管理团队</a>
        <span></span>
        <a href="http://ir.maoyan.com/s/index.php#pageScroll2" target="_blank">投资者关系</a>
        &nbsp;&nbsp;&nbsp;&nbsp; 友情链接 :
        <a href="http://www.meituan.com" data-query="utm_source=wwwmaoyan" target="_blank">美团网</a>
        <span></span>
        <a href="http://www.gewara.com" data-query="utm_source=wwwmaoyan">格瓦拉</a>
        <span></span>
        <a href="http://i.meituan.com/client" data-query="utm_source=wwwmaoyan" target="_blank">美团下载</a>
        <span></span>
        <a href="https://www.huanxi.com" data-query="utm_source=maoyan_pc" target="_blank">欢喜首映</a>
    </p>
    <p class="friendly-links">
        商务合作邮箱：lzy910093@163.com 客服电话：13313479223
        违法和不良信息举报电话：13313479223
    </p>
    <p class="friendly-links">
        用户投诉邮箱：lzy910093@163.com
        舞弊线索举报邮箱：lzy910093@163.com
    </p>
    <p class="friendly-links credentials">
        <a href="/about/licence/1" target="_blank">中华人民共和国增值电信业务经营许可证 京B2-20190350</a>
        <span></span>
        <a href="/about/licence/4" target="_blank">营业性演出许可证 京演（机构）（2019）4094号</a>
    </p>
    <p class="friendly-links credentials">
        <a href="/about/licence/3" target="_blank">广播电视节目制作经营许可证 （京）字第08478号</a>
        <span></span>
        <a href="/about/licence/2" target="_blank">网络文化经营许可证 京网文（2019）3837-369号
        </a>
    </p>
    <p class="friendly-links credentials">
        <a href="/rules/agreement" target="_blank">买票票用户服务协议 </a>
        <span></span>
        <a href="/rules/rule" target="_blank">买票票平台交易规则总则 </a>
        <span></span>
        <a href="/rules/privacy" target="_blank">隐私政策 </a>
    </p>
    <p class="friendly-links credentials">
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003232" target="_blank">京公网安备 11010102003232号</a>
        <span></span>
        <a href="http://www.beian.miit.gov.cn/" target="_blank">京ICP备16022489号-1</a>
    </p>
    <p>西安买票票文化传媒有限公司</p>
    <p>&copy;<span class="my-footer-year">2016</span> 买票票 maipiao.com</p>
    <div class="certificate">
        <a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/350CF8BCA8416C4FE0530140A8C0957E" target="_blank">
            <img src="https://p0.meituan.net/moviemachine/e54374ccf134d1f7b2c5b075a74fca525326.png">
        </a>
        <a href="/about/licence/5" target="_blank">
            <img src="https://p1.meituan.net/moviemachine/805f605d5cf1b1a02a4e3a5e29df003b8376.png">
        </a>
        <a href="https://www.12377.cn" target="_blank">
            <img src="https://p0.meituan.net/scarlett/3cd2a9b7dc179531d20d27a5fd686e783787.png">
        </a>
    </div>
</div>

<script crossorigin="anonymous" src="//www.dpfile.com/app/owl/static/owl_1.7.11.js"></script>
<script>
    Owl.start({
        project: "com.sankuai.movie.fe.mywww",
        pageUrl: location.href.split("?")[0].replace(/\/\d+/g, "/:id"),
        devMode: false,
    });
</script>
<!--[if IE 8
      ]><script
        crossorigin="anonymous"
        src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/es5-shim.bbad933f.js"
></script
><![endif]-->
<!--[if IE 8
      ]><script
        crossorigin="anonymous"
        src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/es5-sham.d6ea26f4.js"
></script
><![endif]-->
<script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.c5116deb.js"></script>
<script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/order-confirm.d7176ff7.js"></script>
</body>
<script th:inline="javascript">
    function payOrder() {
        var orderId = [[${order.orderId}]];
        var orderPrice = [[${order.orderPrice}]];
        var phone = [[${order.phone}]]
        location.href="../pay/aliapy?orderId="+orderId+"&orderPrice="+orderPrice+"&phone="+phone;
    }
</script>

<script>
    $(function(){
        //判断登录内容

        $.ajax({
            url:"../user/loginSession",
            type:"get",
            success:function(data){
                var str="";
                if( data != ""  ){
                    str+="<li><a href='../page/myMessage?stu=1' data-act=\"board-click\">我的订单</a></li>";
                    str+="<li><a href='../page/myMessage?stu=2' data-act=\"board-click\">基本信息</a></li>";
                    str+="<li><a href='../page/logout' data-act=\"movies-click\">退出登录</a></li>";

                    $("#portrait").prop("src",data.img)
                    $("#myMessage").html(str);
                }

            }
        })
    })
</script>

</html>
